<!DOCTYPE HTML>
<html>
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black" />
	<meta content="telephone=no" name="format-detection" />
	<link rel="apple-touch-icon-precomposed" href="images/appicon.png">
	<link rel="apple-touch-startup-image" href="images/startup.png">
	<script type="text/javascript" src="script/jquery.min.js"></script>
	<script type="text/javascript" src="script/jquery.mobile-1.1.1.min.js"></script>
	<script type="text/javascript"></script>
	<title>苏宁易购触屏版</title>
	<link rel="stylesheet" type="text/css" href="style/module.css">
	<link rel="stylesheet" type="text/css" href="style/member.css">
</head>
<body>
<!-- 为保证其兼容性最优和开发效率最大化，本版并未使用HMLT5标签 -->

<div id="header" class="title-ui-a">
	<div class="back-ui-a">
		<a href="#">首页</a>
	</div>
	<div class="header-title">
		订单详情
	</div>
	<div class="site-nav">
		<ul class="fix">
			<li class="mysn"><a href="#">我的易购</a></li>
			<li class="mycart"><a href="#">购物车</a></li>
			<li class="home"><a href="#">苏宁易购</a></li>
		</ul>
	</div>
</div>
<!-- 头部结束 -->

<div class="mysuning layout f14">
	<div class="pbox mt10">
		<p><span class="grayA">订单号：</span><em>30787295</em></p>
		<p><span class="grayA">下单时间：</span>2012-08-05</p>
		<p><span class="grayA">状态：</span><span class="a">支付完成</span></p>
		<p><span class="grayA">状态：</span><span class="a">等待支付</span> <span class="a1">24小时未付款，订单取消</span></p>
		<p><span class="grayA">状态：</span><span class="a">订单取消</span></p>
	</div>
	<div class="mt10">
		<div class="btn-ui-b  btn-ui-b-a mr10"><a href="#">支付</a></div>
		<div class="btn-ui-c  btn-ui-c-a"><a href="#">取消订单</a></div>
	</div>
	<div class="mt10">
		<div class="btn-ui-b  btn-ui-b-a mr10"><a href="#">再次购买</a></div>
	</div>
	<ul class="list-ui-c pro-list">
		<li>
			<div class="wbox">
				<div class="pro-img">
					<a href="#"><img width="100" height="100" src="images/list01.jpg" alt=""></a>
				</div>
				<div class="pro-info">
					<p class="pro-name"><a href="#">2012夏季新款韩版女装短袖碎花雪纺连衣裙 蝴蝶结时尚</a></p>
					<p class="mt10"><span class="grayA">应付金额：</span><span class="price">¥12345.00</span></p>
					<p class="mt10"><span class="grayA">数量：</span><em>1</em></p>
				</div>
			</div>
		</li>
	</ul>
	<div class="pbox mt10">
		<p><span class="grayA">校验码：</span>1234</p>
		<p><span class="grayA">收货人：</span>薛MM</p>
		<p><span class="grayA">电话：</span>13000000000</p>
		<p><span class="grayA">地址：</span>苏宁大道一号</p>
		<p><span class="grayA">付款方式：</span>货到付款-POS</p>
		<p><span class="grayA">配送方式：</span>配送</p>
		<p><span class="grayA">发票信息：</span>普通发票</p>
		<p><span class="grayA">发票抬头：</span>王二</p>
		<p><span class="grayA">发票内容：</span>2012夏季新款韩版女装短袖碎花雪纺连衣裙 蝴蝶结时尚</p>
		<p><span class="grayA">订单金额：</span><span class="price">&yen; 999.00</span></p>
	</div>
	<div class="line"></div>
	<div><span class="grayA">物流信息：</span></div>
</div>
<!-- 底部开始 -->


<div id="footer">
	<div class="layout fix user-info">
		<div class="user-name fl">当前用户:<span class="a">当着海螺罗</span></div>
		<div class="fr"><a id="backTop" href="javascript:;">回顶部</a></div>
	</div>
	<ul class="list-ui-a">
		<li>
			<div class="w user-login">
				<a href="#">登陆</a>
				<a href="#">注册</a>
				<a href="#">购物车</a>
			</div>
		</li>
		<li class="appicon">
			<a href="#" class="a"><img src="images/appicon.png" width="33" height="33" alt="">下载苏宁易购客户端</a>
		</li>
	</ul>
	<div class="copyright">Copyright© 2002-2012 m.suning.com</div>
</div>


<script type="text/javascript" src="script/sntouch.js" ></script>
<script type="text/javascript" src="script/member.js"></script>
</body>
</html>